import PropTypes from 'prop-types'
import React, { memo } from 'react'
import { HeaderWrapper } from './style'

const SectionHeader = memo((props) => {
  const {title,subtitle} = props
  return (
    <HeaderWrapper>
      <h2 className='title'>{title}</h2>
     {subtitle &&  <div className='subtitle'>{subtitle}</div>} 
    </HeaderWrapper>
  )
})

SectionHeader.propTypes = {
  title:PropTypes.string,
  subtitle:PropTypes.string
}

export default SectionHeader